<div class="page-title">
	<h3><span>广告查询</span>
	<small></small>
	</h3>
</div>
<style>
	a.query-item {
		color: #333;
		padding-right: 15px;
	}
	a.query-item:HOVER {
		color: red;
	}
	a.search-order-collapse,.search-item-expand {
		
	}
	a.search-order-collapse:after,.search-item-collapse:after {
		font-family: FontAwesome;
		margin-left:8px;
		content: "\f0d8";
	}
	a.search-order-expand:after,.search-item-expand:after {
		font-family: FontAwesome;
		margin-left:8px;
		content: "\f0d7";
	}
	.search-item-area-collapse {
		white-space: nowrap;text-overflow:ellipsis;overflow:hidden;
	}
</style>
<tabset>
	<tab heading="车辆" ng-click="mediaBusQuery.query();mediaBusQuery.active = true;" active="mediaBusQuery.active">
		<div class="portlet">
			<div class="portlet-search-body" style="border: 1px solid #eee;">
				<form class="form-horizontal form-row-seperated" role="form">
					<div class="form-body">
						<div class="row" ng-repeat="mark in marks">
			                <div class="col-md-12">
			                 	<label class="col-md-1 control-label" style="padding-left: 0px;">{{mark.markName}}：</label>
				                  	<div class="col-md-10 search-item-area-collapse" id="bus-search-markitems-area_{{mark.markId}}">
				                  		<p class='form-control-static'>
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaBusQuery.selectMark(mark);" ng-style="{'color': !mediaBusQuery.item_mark[mark.markName] || !mediaBusQuery.item_mark[mark.markName].markId || mediaBusQuery.item_mark[mark.markName].markId=='' ? 'red' : '#333'}">不限</a>
				                  		</p>
				                  		<p class='form-control-static' ng-repeat="child in mark.children | limitTo:8">
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaBusQuery.selectMark(mark,child);" ng-style="{'color': mediaBusQuery.item_mark[mark.markName] && mediaBusQuery.item_mark[mark.markName].markId && mediaBusQuery.item_mark[mark.markName].markId == child.markId ? 'red' : '#333'}">{{child.markName}}</a>
				                  		</p>
				                  	</div>
				                 <label class="col-md-1 control-label" ng-if="mark.children && mark.children.length > 8">
				                 	<a class='search-item-expand' style="float: right;text-decoration: none;" ng-click="mediaBusQuery.expendMarkItem('bus-search-markitems-area_' + mark.markId);"></a>
				                 </label>
			                </div>
			            </div>
			            <div class="row">
			                <div class="col-md-12">
			                 	<label class="col-md-1 control-label" style="padding-left: 0px;">级别：</label>
				                  	<div class="col-md-11">
				                  		<p class='form-control-static'>
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaBusQuery.selectLevel();" ng-style="{'color': !mediaBusQuery.item_level || !mediaBusQuery.item_level.value || mediaBusQuery.item_level.value == '' ? 'red' : '#333'}">不限</a>
				                  		</p>
				                  		<p class='form-control-static' ng-repeat="level in options.RESOURCE_LEVEL" style="padding-right: 20px;">
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaBusQuery.selectLevel(level);" ng-style="{'color': mediaBusQuery.item_level && mediaBusQuery.item_level.value && mediaBusQuery.item_level.value == level.value ? 'red' : '#333'}" >{{level.name}}</a>
				                  		</p>
				                  	</div>
			                </div>
			            </div>
		            </div>
				</form>
			</div>
			<div class="portlet-title" style="vertical-align: middle;padding:0px 20px;">
		        <p style="margin: 10px;display: inline-block;">已选择条件：</p>
		        <p style="margin: 10px;display: inline-block;" ng-if="!mediaBusQuery.hasSelectMark() && !mediaBusQuery.item_level.value">不限</p>
		        <a style="margin: 10px;display: inline-block;border: 1px solid orange;padding: 1px 5px;font-size: 10px;text-decoration: none;"
		        	 ng-repeat="mark in mediaBusQuery.item_mark" 
		        	 ng-if="mark && mark.markName"
		        	 ng-click="mediaBusQuery.cancelMark(mark);">
		        	{{mark.markName}}
		        </a>
		        <a style="margin: 10px;display: inline-block;border: 1px solid orange;padding: 1px 5px;font-size: 10px;text-decoration: none;"
		        	 ng-if="mediaBusQuery.item_level && mediaBusQuery.item_level.value"
		        	 ng-click="mediaBusQuery.cancelLevel()">
		        	{{mediaBusQuery.item_level.name || ''}}
		        </a>
		    </div>
			<!-- div class="portlet-title">
		        <a href="javascript:void(0);" class="title-operation">综合</a>
		        <a href="javascript:void(0);" class="title-operation search-order-expand">级别</a>
		    </div -->
			<div style="width: 100%; border: 1px solid #eee;">
				<div style="border-bottom: 1px dashed #e3e3e3;padding: 10px 0px;margin:0px;" ng-repeat="line in mediaBusQuery.datas">
					 <div style="display: inline-block;width: 10%;padding:0px;margin: 0px;vertical-align: top;">
					 	<p style="font-size: 25px;color: #333;text-align: center;margin:20px;">{{line.lineName}}</p>
					 </div>
					 <div style="display: inline-block;width: 80%;padding:0px 20px;margin: 0px;border-left:1px solid #eee; ">
					 	<div>
					 		<div style="display: inline-block;width: 50%;">
					 			配车 
					 			<p style="display: inline-block;font-size:25px;color: #333;">
					 				{{line.vehCount || '-'}}
					 			</p>台
					 		</div>
					 		<div style="display: inline-block;">
					 			<p style="display: inline-block;font-size:25px;color: #333;">
					 				{{(line.mediaLevel | code:'RESOURCE_LEVEL') || '-'}}
					 			</p>级
					 		</div>
					 		
					 			
					 	</div>
					 	<div ng-if="line.ss && line.es">
					 		<a style="display: inline-block;font-size: 14px;color: #333;text-transform: none;padding-bottom: 10px;">
					 			{{line.ss}}<img alt="" src="./assets/admin/img/arrow.png" style="vertical-align: middle;padding: 0px 10px;"/>{{line.es}}
					 		</a>
					 	</div>
					 	<div>
					 		<p style="display: inline-block;border: 1px solid green;padding: 2px 5px;margin-right: 10px;font-size: 10px;" ng-repeat="mark in line.marks track by $index">
					 			{{mark.markName}}
					 		</p>&nbsp;
					 	</div>
					 </div>
					 <div style="display: inline-block;padding:0px;margin-right: 40px;vertical-align: top;text-align: center;">
					 		<p style="display: inline-block;font-size:20px;color: #333;">
					 			{{line.price || '-'}}
					 		</p>
					 		<p style="font-size: 10px;">元/车/年</p>
					 </div>
				</div>
				<div style="border-bottom: 1px dashed #e3e3e3;padding: 10px 0px;margin: 10px 0px;text-align: center;font-size: 17px;" ng-if="!mediaBusQuery.datas || mediaBusQuery.datas.length == 0">
					很抱歉，没有找到相符的媒体数据
				</div>
				<div id="bus_page_bar" style="position: relative; margin:15px 0px 20px;height: 40px;"></div>
			</div>
		</div>
	</tab>
	<tab heading="站点" ng-click="mediaStopQuery.query();mediaStopQuery.active = true;"  active="mediaStopQuery.active">
		<div class="portlet">
			<div class="portlet-search-body" style="border: 1px solid #eee;">
				<form class="form-horizontal form-row-seperated" role="form">
					<div class="form-body">
						<div class="row" ng-repeat="mark in marks">
			                <div class="col-md-12">
			                 	<label class="col-md-1 control-label" style="padding-left: 0px;">{{mark.markName}}：</label>
				                  	<div class="col-md-10 search-item-area-collapse" id="stop-search-markitems-area_{{mark.markId}}">
				                  		<p class='form-control-static'>
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaStopQuery.selectMark(mark);" ng-style="{'color': !mediaStopQuery.item_mark[mark.markName] || !mediaStopQuery.item_mark[mark.markName].markId || mediaStopQuery.item_mark[mark.markName].markId=='' ? 'red' : '#333'}">不限</a>
				                  		</p>
				                  		<p class='form-control-static' ng-repeat="child in mark.children | limitTo:8">
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaStopQuery.selectMark(mark,child);" ng-style="{'color': mediaStopQuery.item_mark[mark.markName] && mediaStopQuery.item_mark[mark.markName].markId && mediaStopQuery.item_mark[mark.markName].markId == child.markId ? 'red' : '#333'}">{{child.markName}}</a>
				                  		</p>
				                  	</div>
				                 <label class="col-md-1 control-label" ng-if="mark.children && mark.children.length > 8">
				                 	<a class='search-item-expand' style="float: right;text-decoration: none;" ng-click="mediaStopQuery.expendMarkItem('stop-search-markitems-area_' + mark.markId);"></a>
				                 </label>
			                </div>
			            </div>
			            <div class="row">
			                <div class="col-md-12">
			                 	<label class="col-md-1 control-label" style="padding-left: 0px;">级别：</label>
				                  	<div class="col-md-11">
				                  		<p class='form-control-static'>
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaStopQuery.selectLevel();" ng-style="{'color': !mediaStopQuery.item_level || !mediaStopQuery.item_level.value || mediaStopQuery.item_level.value == '' ? 'red' : '#333'}">不限</a>
				                  		</p>
				                  		<p class='form-control-static' ng-repeat="level in options.RESOURCE_LEVEL" style="padding-right: 20px;">
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaStopQuery.selectLevel(level);" ng-style="{'color': mediaStopQuery.item_level && mediaStopQuery.item_level.value && mediaStopQuery.item_level.value == level.value ? 'red' : '#333'}" >{{level.name}}</a>
				                  		</p>
				                  	</div>
			                </div>
			            </div>
		            </div>
				</form>
			</div>
			<div class="portlet-title" style="vertical-align: middle;padding:0px 20px;">
		        <p style="margin: 10px;display: inline-block;">已选择条件：</p>
		        <p style="margin: 10px;display: inline-block;" ng-if="!mediaStopQuery.hasSelectMark() && !mediaStopQuery.item_level.value">不限</p>
		        <a style="margin: 10px;display: inline-block;border: 1px solid orange;padding: 1px 5px;font-size: 10px;text-decoration: none;"
		        	 ng-repeat="mark in mediaStopQuery.item_mark" 
		        	 ng-if="mark && mark.markName"
		        	 ng-click="mediaStopQuery.cancelMark(mark);">
		        	{{mark.markName}}
		        </a>
		        <a style="margin: 10px;display: inline-block;border: 1px solid orange;padding: 1px 5px;font-size: 10px;text-decoration: none;"
		        	 ng-if="mediaStopQuery.item_level && mediaStopQuery.item_level.value"
		        	 ng-click="mediaStopQuery.cancelLevel()">
		        	{{mediaStopQuery.item_level.name || ''}}
		        </a>
		    </div>
			<!-- div class="portlet-title">
		        <a href="javascript:void(0);" class="title-operation">综合</a>
		        <a href="javascript:void(0);" class="title-operation search-order-expand">级别</a>
		    </div -->
			<div style="width: 100%; border: 1px solid #eee;">
				<div style="border-bottom: 1px dashed #e3e3e3;padding: 10px 0px;margin:0px;" ng-repeat="stop in mediaStopQuery.datas">
					 <div style="display: inline-block;width: 180px;padding:0px;margin: 0px;vertical-align: top;">
					 	<img alt="" ng-src="{{stop.stopImg ? (nginxPath + stop.stopImg.split('|')[0]) : ''}}" style="width: 180px;height:110px;">
					 </div>
					 <div style="display: inline-block;width: 70%;padding:0px 20px;margin: 0px;border-left:1px solid #eee; ">
					 	<div>
					 		<div style="display: inline-block;width: 70%;">
					 			<p style="display: inline-block;font-size:25px;color: #333;">
					 			{{stop.stopName || '-'}}</p>   {{stop.roadName}} - {{stop.direction}}
					 		</div>
					 		<div style="display: inline-block;">
					 			<p style="display: inline-block;font-size:25px;color: #333;">
					 				{{(stop.mediaLevel | code:'RESOURCE_LEVEL') || '-'}}
					 			</p>级
					 		</div>
					 	</div>
					 	<div>
					 		<p style="display: inline-block;font-size: 14px;color: #333;text-transform: none;padding-bottom: 10px;">
					 			经行线路： {{stop.passLines}}
					 		</p>
					 	</div>
					 	<div>
					 		<p style="display: inline-block;border: 1px solid green;padding: 2px 5px;margin-right: 10px;font-size: 10px;" ng-repeat="mark in stop.marks track by $index">
					 			{{mark.markName}}
					 		</p>&nbsp;
					 	</div>
					 </div>
					 
					 <div style="display: inline-block;padding:0px;margin-right: 40px;vertical-align: top;text-align: center;">
					 		<p style="display: inline-block;font-size:20px;color: #333;">
					 			{{stop.price || '-'}}
					 		</p>
					 		<p style="font-size: 10px;">元/车/年</p>
					 </div>
				</div>
				<div style="border-bottom: 1px dashed #e3e3e3;padding: 10px 0px;margin: 10px 0px;text-align: center;font-size: 17px;" ng-if="!mediaStopQuery.datas || mediaStopQuery.datas.length == 0">
					很抱歉，没有找到相符的媒体数据
				</div>
				<div id="stop_page_bar" style="position: relative; margin:15px 0px 20px;height: 40px;"></div>
			</div>
		</div>
	</tab>
	<tab heading="其它" ng-click="mediaOtherQuery.query();mediaOtherQuery.active = true;" active="mediaOtherQuery.active">
		<div class="portlet">
			<div class="portlet-search-body" style="border: 1px solid #eee;">
				<form class="form-horizontal form-row-seperated" role="form">
					<div class="form-body">
						<div class="row" ng-repeat="mark in marks">
			                <div class="col-md-12">
			                 	<label class="col-md-1 control-label" style="padding-left: 0px;">{{mark.markName}}：</label>
				                  	<div class="col-md-10 search-item-area-collapse" id="other-search-markitems-area_{{mark.markId}}">
				                  		<p class='form-control-static'>
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaOtherQuery.selectMark(mark);" ng-style="{'color': !mediaOtherQuery.item_mark[mark.markName] || !mediaOtherQuery.item_mark[mark.markName].markId || mediaOtherQuery.item_mark[mark.markName].markId=='' ? 'red' : '#333'}">不限</a>
				                  		</p>
				                  		<p class='form-control-static' ng-repeat="child in mark.children | limitTo:8">
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaOtherQuery.selectMark(mark,child);" ng-style="{'color': mediaOtherQuery.item_mark[mark.markName] && mediaOtherQuery.item_mark[mark.markName].markId && mediaOtherQuery.item_mark[mark.markName].markId == child.markId ? 'red' : '#333'}">{{child.markName}}</a>
				                  		</p>
				                  	</div>
				                 <label class="col-md-1 control-label" ng-if="mark.children && mark.children.length > 8">
				                 	<a class='search-item-expand' style="float: right;text-decoration: none;" ng-click="mediaOtherQuery.expendMarkItem('other-search-markitems-area_' + mark.markId);"></a>
				                 </label>
			                </div>
			            </div>
			            <div class="row">
			                <div class="col-md-12">
			                 	<label class="col-md-1 control-label" style="padding-left: 0px;">级别：</label>
				                  	<div class="col-md-11">
				                  		<p class='form-control-static'>
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaOtherQuery.selectLevel();" ng-style="{'color': !mediaOtherQuery.item_level || !mediaOtherQuery.item_level.value || mediaOtherQuery.item_level.value == '' ? 'red' : '#333'}">不限</a>
				                  		</p>
				                  		<p class='form-control-static' ng-repeat="level in options.RESOURCE_LEVEL" style="padding-right: 20px;">
				                  			<a class="query-item" href="javascript:void(0);" ng-click="mediaOtherQuery.selectLevel(level);" ng-style="{'color': mediaOtherQuery.item_level && mediaOtherQuery.item_level.value && mediaOtherQuery.item_level.value == level.value ? 'red' : '#333'}" >{{level.name}}</a>
				                  		</p>
				                  	</div>
			                </div>
			            </div>
		            </div>
				</form>
			</div>
			<div class="portlet-title" style="vertical-align: middle;padding:0px 20px;">
		        <p style="margin: 10px;display: inline-block;">已选择条件：</p>
		        <p style="margin: 10px;display: inline-block;" ng-if="!mediaOtherQuery.hasSelectMark() && !mediaOtherQuery.item_level.value">不限</p>
		        <a style="margin: 10px;display: inline-block;border: 1px solid orange;padding: 1px 5px;font-size: 10px;text-decoration: none;"
		        	 ng-repeat="mark in mediaOtherQuery.item_mark" 
		        	 ng-if="mark && mark.markName"
		        	 ng-click="mediaOtherQuery.cancelMark(mark);">
		        	{{mark.markName}}
		        </a>
		        <a style="margin: 10px;display: inline-block;border: 1px solid orange;padding: 1px 5px;font-size: 10px;text-decoration: none;"
		        	 ng-if="mediaOtherQuery.item_level && mediaOtherQuery.item_level.value"
		        	 ng-click="mediaOtherQuery.cancelLevel()">
		        	{{mediaOtherQuery.item_level.name || ''}}
		        </a>
		    </div>
			<!-- div class="portlet-title">
		        <a href="javascript:void(0);" class="title-operation">综合</a>
		        <a href="javascript:void(0);" class="title-operation search-order-expand">级别</a>
		    </div -->
			<div style="width: 100%; border: 1px solid #eee;">
				<div style="border-bottom: 1px dashed #e3e3e3;padding: 10px 0px;margin: 10px 0px;" ng-repeat="line in mediaOtherQuery.datas">
					 <div style="display: inline-block;width: 10%;padding:0px;margin: 0px;">
					 	<p style="font-size: 25px;color: #333;text-align: center;">{{line.lineName}}</p>
					 	<p style="font-size: 15px;color: #333;text-align: center;">
					 		{{(line.mediaLevel | code:'RESOURCE_LEVEL') || '-'}}
					 	</p>
					 	<!-- img alt="" src="http://img11.soufunimg.com/viewimage/rent/2017_04/24/M17/02/2A/ChCE4Fj9qhCIUEPEAAkhOX6zrSYAAY_3QAAAAAACSFR656/275x207.jpg" style="width: 210px;height:110px;" -->
					 </div>
					 <div style="display: inline-block;padding-left: 20px;vertical-align: top;width: 70%;border-left:1px solid #eee; ">
					 	<div>
					 		配车 <p style="display: inline-block;font-size:25px;color: #333;">
					 			{{line.vehCount || '-'}}</p>台
					 	</div>
					 	<div ng-if="line.ss && line.es">
					 		<a style="display: inline-block;font-size: 14px;color: #333;text-transform: none;padding-bottom: 10px;">
					 			{{line.ss}}<img alt="" src="./assets/admin/img/arrow.png" style="vertical-align: middle;padding: 0px 10px;"/>{{line.es}}
					 		</a>
					 	</div>
					 	<div>
					 		<p style="display: inline-block;border: 1px solid green;padding: 2px 5px;margin-right: 10px;font-size: 10px;" ng-repeat="mark in line.marks track by $index">
					 			{{mark.markName}}
					 		</p>&nbsp;
					 	</div>
					 </div>
					 <div style="display: inline-block;padding-left: 20px;;text-align: center;">
					 	<div>
					 		<p style="display: inline-block;font-size:20px;color: #333;margin-right: 10px;">
					 			{{line.price || '-'}}<p style="font-size: 10px;">元/车/年</p>
					 		</p>
					 	</div>
					 </div>
				</div>
				<div style="border-bottom: 1px dashed #e3e3e3;padding: 10px 0px;margin: 10px 0px;text-align: center;font-size: 17px;" ng-if="!mediaOtherQuery.datas || mediaOtherQuery.datas.length == 0">
					很抱歉，没有找到相符的媒体数据
				</div>
				<div id="other_page_bar" style="position: relative; margin:15px 0px 20px;height: 40px;"></div>
			</div>
		</div>
	</tab>
</tabset>

			
			
